<template>
  <div class="address">
    <!-- 照片墙 -->
    <div class="photo">
      <img src="../assets/Distribution.jpg" alt="" />
    </div>

    <!-- 地址列表 -->
    <div class="addressbox">
        <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "Address",
};
</script>

<style lang="less" scoped>
// 照片墙
.photo {
  width: 100%;
  height: 252px;
}

.photo img {
  width: 100%;
  height: 252px;
}

// 地址列表
.addressbox {
    width: 330px;
    height: 360px;
    margin: auto;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    bottom: 30px;
    overflow-y: auto;
}
</style>